<%@page contentType="text/html; charset=UTF-8"%>
<%@taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@include file="/common/definition.jsp"%>
<%@ page language="java" import="java.util.*"%>
<html:html>
<tiles:insert beanName="homepage-definition" flush="true">
	<tiles:put name="title"> Kết Quả Tìm Kiếm </tiles:put>
	<tiles:put name="body" type="string">
	<div class="col-md-12">
		<div class="col-md-12 mainHome" style="padding: 15px">
			<table id="Result" class="table table-striped table-hover table-condensed m-melanin-datatable">
				<thead>
					<tr>
						<th class="col-md-2"></th>
						<th class="col-md-7" ><font size="2">Tên Sản Phẩm</font></th>
						<th class="col-md-4"><font size="2">Giá Thấp Nhất</font></th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="productModel.listProduct">
						<tr>
							<td class="col-md-2 text-center"><s:if test="mainImgLink == null">
									<img style="height: 100px" width=90% src='img/avatar/no_product_img.jpg'>
								</s:if> <s:else>
									<s:a action="clickDetailProduct">
										<img style="height: 100px" width=90% src='<s:property value="mainImgLink"/>'>
										 <s:param name="productID" value="productID" />
									</s:a>
								</s:else>
							</td>
							<td class="col-md-7"><s:a action="clickDetailProduct"> <s:property
										value="catName" /> <s:property value="brandName" /> <s:property
										value="productName" /> <s:param name="productID" value="productID" /></s:a>
							</td>
							<td class="col-md-3">
										<s:if test="sellingPrice == 0">
								<p class="text-success">
											Hiện không có cửa hàng bán sản phẩm
								</p>
										</s:if>
										<s:elseif test="sellingPrice == null">
											<p class="text-success">
												Không có cửa hàng bán sản phẩm
											</p>
										</s:elseif>
										<s:else>
											<s:if test="discount == null">
												<p class="text-success">
													Giá: <s:property value="sellingPrice"/>000 vnd
													<br> <s:a action="detailShopProduct"> Xem tại cửa hàng có giá thấp nhất
														<s:param name="listID"><s:property value="listID"/></s:param>
													</s:a>
													<br><s:a action="viewShopByProduct"> Xem các cửa hàng bán sản phẩm
														<s:param name="productID"><s:property value="productID"/></s:param>
													</s:a>
												</p>
											</s:if>
											<s:else>
												<p class="text-success">
													Giá: <s:property value="sellingPrice"/>000 vnd
												</p>
												<p class="text-danger">
													Khuyến mãi :<s:property value="discount"/>000 vnd 
													<strong>(<s:property value="discountPercent"/>%)</strong>
													<br> <s:a action="detailShopProduct"> Xem tại cửa hàng có khuyến mãi thấp nhất
														<s:param name="listID"><s:property value="listID"/></s:param>
													</s:a>
													<br><s:a action="viewShopByProduct"> Xem các cửa hàng bán sản phẩm
														<s:param name="productID"><s:property value="productID"/></s:param>
													</s:a>
												</p>
											</s:else>
										</s:else>
							</td>
						</tr>
					</s:iterator>
				</tbody>
			</table>
		</div>
	</div>
		<script type="text/javascript" src="js/jquery.dataTables.js"></script>
		<script src="js/datatables.js"></script>
		<script type="text/javascript">
			$(document).ready(
							function() {
								$('#Result').dataTable(
												{
													"bFilter" : false,
													"bSort": false,
													"sPaginationType" : "bs_full",
													"oLanguage" : {
														"sSearch" : "",
														"sZeroRecords" : "Không có dữ liệu",
														"sEmptyTable" : "Không có dữ liệu",
														"sInfo" : "Hiển thị từ _START_ đến _END_. Tổng cộng: _TOTAL_ dòng.",
														"sInfoFiltered" : "",
														"sLengthMenu" : "Hiển thị _MENU_ Dòng",
														"sInfoEmpty" : 'Không tìm thấy dữ liệu.'
													}
												});
								$('#Result')
										.each(
												function() {
													var datatable = $(this);
													// SEARCH - Add the placeholder for Search and Turn this into in-line form control
													var search_input = datatable
															.closest(
																	'.dataTables_wrapper')
															.find(
																	'div[id$=_filter] input');
													search_input.attr(
															'placeholder',
															'Tìm Nhanh');
													search_input
															.addClass('form-control input-sm');
													// LENGTH - Inline-Form control
													var length_sel = datatable
															.closest(
																	'.dataTables_wrapper')
															.find(
																	'div[id$=_length] select');
													length_sel
															.addClass('form-control input-sm');
												});
							});
		</script>
	</tiles:put>
</tiles:insert>
</html:html>
